@charset "utf-8";
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{margin:0;padding:0}
body{font-family: "微软雅黑";}
ul,ol,li{list-style:none;}
b,strong{font-weight:100;}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:100;font-size:16px;}
a,u{text-decoration: none;}
input{outline:none;}
img{display:block;border:0;}
.clearfix:after{content:".";clear:both;display:block;height:0;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1;}
//header
.header{
    width:100%;
    height:76px;
    background:blue;
    margin:0 auto;
}
img{
    width:100%;
    height:76px;
}
.next{
    width:100%;
    height:30px;
    background:green;
    margin:0 auto;
}
.left{
    width:50%;
    height:30px;
    background:#eeeced;
    line-height:30px;
    float:left;
}
.lefts{
    margin-left:78px;
}
.right{
    width:50%;
    height:30px;
    background:#eeeced;
    line-height:30px;
    float:left;
}
.rights{
    width:100%;
    float:left;
}
a{
    dispaly-inline:block;
    margin-left:30px;
    color:#666;
}
.left a:hover{
    color:#e73a77;
}
.o{
    position:relative;
}
.a{
    position:absolute;
    top:1px;
    left:-12px;
    display:none;
}
.o .a li{
    font-size:16px;
    color:#656565;
    width:90px;
    height:30px;
    background:#eeeced;
    text-align:center;
    color:#666;
}
.rights a:hover{
    color:#e73a77;
}
.right a:hover .a{
    display:block;
}
.right a .a li:hover{
    color:#e73a77;
}
.three{
    width:100%;
    height:118px;
    background:yellow;
    margin:0 auto;
}
.logo{
  width:30%;
  height:118px;
  background:url(../img/logo.jpg);
  float:left;
}

.middle{
    width:40%;
    height:118px;
    background:green;
    float:left;
}
.up{
    width:100%;
    height:76px;
    background:white;
    float:left;
}
.txt{
    width:70%;
    height:40px;
    border:2px pink solid;
    text-align:center;
    position:relative;
    top:32px;
}
.sub{
    width:15%;
    height:44px;
    text-align:center;
    background:#e73a77;
    color:white;
    position:relative;
    top:32px;
}
.down{
    width:100%;
    height:42px;
    background:white;
    float:left;
}
.down span{
    margin-left:8px;
    font-size:14px;
    cursor:pointer;
}
.down a{
    margin-left:8px;
    font-size:14px;
}
.down a:hover{
    color:#e73a77;
}
.large{
    width:30%;
    height:118px;
    background:url(../img/big.jpg);
    float:left;
}
//banner
.banner{
    width:100%;
    height:496px;
    background:pink;
    margin:0 auto;
}
.title{
    width:100%;
    height:44px;
    background:#383838;
    float:left;
}
.box{
    width:30%;
    height:44px;
    background:#383838;
    float:left;
}
.box .find{
    width:200px;
    height:44px;
    background:#e73a77;
    margin-left:200px;
    line-height:44px;
    color:white;
    text-align:center;
}
.bos{
    width:70%;
    height:44px;
    background:#383838;
    line-height:44px;
    float:left;
}
a{
    display:inline-block;
    margin-left:50px;
    font-size:18px;
    color:#666;
}
.bos a:hover{
    background:#e73a77;
    color:white;
}
.ss{
    position:relative;
}
.s{
    position:absolute;
    left:-44px;
    top:43px;
    display:none;
}
.sss{
    width:171px;
    height:40px;
    font-size:12px;  
}
.ss:hover .s{
    display:block;
}
//轮播图开始
.lunbo{
    width:100%;
    height:452px;
    background:yellow;
    z-index:5;
    position:relative;
    float:left;
}
.lunbo .oul{
    position:relative;
//  width:1000%;
}
.lunbo .oul li{
    width:100%;
    height:452px;
    position:absolute;
    float:left;
}
.lunbo .oul li img{
    width:100%;
    height:452px;
    position:absolute;
}
.lunbo .ols{
    position:absolute;
    width:160px;
    height:40px;
//  background:yellow;
    left:620px;
    top:420px;
}
.lunbo .ols li{
    width:15px;
    height:15px;
    border-radius:50%;
    background:black;
    margin-left:15px;
    float:left;
}
//轮播图结束
//.lunbo .co .left{
//  position:absolute;
//  width:54px;
//  height:100px;
//  line-height:100px;
//  text-align:center;
//  background:#cbc9ca;
//  left:72px;
//  top:156px;
//}
//.lunbo .co .right{
//  position:absolute;
//  width:54px;
//  height:100px;
//  line-height:100px;
//  text-align:center;
//  background:#cbc9ca;
//  right:48px;
//  top:156px;
//}
.doom{
    width:200px;
    height:452px;
    background:white;
    margin-left:200px;
}
.lunbo .doom dl dt{
    width:200px;
    height:74px;
    z-index:20;
    border-bottom:1px solid #e3e3e3;
    position:relative;
}
.lunbo .doom dl dt .cell{
    width:500px;
    height:452px;
    z-index:20;
    background:white;
    position:absolute;
    margin-left:200px;
    margin-top:-84px;
    display:none;
}
.lunbo .doom dl dt:hover .cell{
    display:block;
    margin-top:-140px;
}
.lunbo .doom dl dt .cell .ul li{
    width:500px;
    height:37px;
    border-bottom:1px solid #8d8d8d;
    margin-left:2px;
    line-height:37px;
    cursor:pointer;
}
.lunbo .doom dl dt .cell .ul li:nth-child(12){
    border-bottom:none;
}
.lunbo .doom dl dt img{
    width:20px;
    height:30px;
    position:absolute;
    top:21px;
    left:12px;
}
.lunbo .doom dl dt ul li:nth-child(1){
    width:180px;
    height:28px;
    margin-left:45px;
    line-height:20px;
    font-size:14px;
    color:#383838;
}
.lunbo .doom dl dt ul li{
    width:180px;
    height:28px;
    margin-left:45px;
    line-height:20px;
    font-size:14px;
    color:#8d8d8d;
}
.lunbo .doom dl dt ul li span{
    margin-left:5px;
    cursor:pointer;
}
.lunbo .doom dl dt ul li span:hover{
    color:#e73a77;
}
//next
.two{
    width:100%;
    height:850px;
    background:white;
    margin:0 auto;
}
.door{
    width:100%;
    height:60px;
    background:white;
    float:left;
}
.woo{
    width:1104px;
    height:60px;
    background:white;
    margin:0 auto;
}
.woo .jeep{
    width:600px;
    height:60px;
    background:white;
    float:left;
}
.woo .jeep a{
    display:inline-block;
    margin-top:20px;
    font-weight:900;
    font-size:20px;
    margin-left:10px;
}
.woo .jeep span{
    display:inline-block;
    margin-left:10px;
}
.woo .zll{
    width:504px;
    height:60px;
    background:white;
    float:left;
}
.woo .zll a{
    display:inline-block;
    width:30px;
    height:30px;
    background:pink;
    font-size:12px;
    text-align:center;
    line-height:30px;
    margin-top:20px;
}
.woo .zll span{
    display:inline-block;
    margin-left:51px;
    font-size:16px;
}
.woo .zll .dl{
    display:inline-block;
    margin-left:24px;
}
.part{
    width:100%;
    height:790px;
    background:white;
    float:left;
}
.arr{
    width:1104px;
    height:790px;
    background:white;
    margin:0 auto;
}
.quit{
    width:840px;
    height:790px;
    background:white;
    float:left;
}
.quit .rg li{
    width:270px;
    height:380px;
    background:white;
    margin-left:8px;
    margin-top:10px;
    float:left;
}

.quit .rg li img{
    width:270px;
    height:216px;
}
.quit .rg li:hover{
    transform:scale(1.1);
    box-shadow:5px 5px gray;
}
.quit .rg li dl{
    width:240px;
    height:40px;
    border-radius:20px 20px 20px 20px;
    line-height:40px;
    text-align:center;
    background:#e01d5f;
    margin-left:-30px;
    margin-top:10px;
    color:white;
}
.quit .rg li .rg_a{
    display:block;
    font-size:14px;
    margin-left:16px;
    margin-top:20px;
}
.quit .rg li span{
    width:40px;
    height:30px;
    display:block;
    font-size:20px;
    color:#fa2269;
    margin-left:16px;
    margin-top:30px;
}
.quit .rg li p{
    width:100px;
    height:40px;
    font-size:14px;
    background:#fa2269;
    color:white;
    line-height:40px;
    text-align:center;
    margin-left:160px;
    margin-top:-33px;
}
.oppo{
    width:264px;
    height:790px;
    background:white;
    float:left;
}
.zoom{
    width:264px;
    height:336px;
    background:white;
    float:left;
    cursor:pointer;
}
.zoom img{
    width:100%;
    height:336px;
}
.deer{
    width:264px;
    height:454px;
    background:white;
    float:left;
}
.li{
    margin-left:20px;
    margin-top:20px;
    font-size:22px;
    color:black;
}
.li .span{
    margin-left:20px;
    margin-top:10px;
    color:#747474;
}
.lis{
    margin-top:10px;
    position:relative;
}
.lis img{
    width:264px;
    height:120px;   
    z-index:3;
}
.lis .a1{
    display:block;
    width:264px;
    height:120px;
    background:pink;
    position:absolute;
    text-align:center;
    line-height:120px;
    left:-50px;
    top:0px;
    z-index:5;
    display:none;
    //transition:all 1s;
}
.goo{
    width:100%;
    height:215px;
    background:white;
    margin:0 auto;
}
.hoo{
    width:1104px;
    height:70px;
    background:white;
    margin:0 auto;
}
.hoo a{
    display:inline-block;
    margin-left:10px;
    margin-top:44px;
}
.fooo{
    width:1104px;
    height:145px;
    background:white;
    margin:0 auto;
}
.eoo{
    width:1089px;
    height:142px;
    background:white;
    margin:0 auto;
}
.fooo .eoo a{
    display:inline-block;
    width:120px;
    height:70px;
    border-right:1px solid #bca8aa;
    border-bottom:1px solid #bca8aa;
    margin-left:0;
    float:left;
}
.fooo .eoo a:hover{
    transform:scale(1.2);
    opacity:0.6;
}
//four
.vivo{
    width:100%;
    height:74px;
    background:white;
    margin:0 auto;
}
.vive{
    width:1104px;
    height:74px;
    background:white;
    margin:0 auto;
}
.vivq{
    width:578px;
    height:74px;
    background:white;
    float:left;
}
.vivq a{
    display:inline-block;
    margin-left:0;
    margin-top:40px;
    font-weight:900;
    color:black;
}
.vivq span{
    display:inline-block;
    margin-left:5px;
}
.vivw{
    width:526px;
    height:74px;
    background:white;
    float:left;
}
.vivw a{
    display:inline-block;
    font-size:12px;
    margin-left:20px;
    margin-top:40px;
    cursor:pointer;
}
.vivw span{
    display:inline-block;
    font-size:12px;
    margin-left:50px;
    margin-top:40px;
    cursor:pointer;
}
.vivw a:hover{
    color:pink;
}
.vivw span:hover{
    color:pink;
}
//five
.kind{
    width:100%;
    height:3971px;
    background:white;
    margin:0 auto;
}
.king{
    width:1104px;
    height:3971px;
    background:white;
    margin:0 auto;
}
.king .enter li{
    width:365px;
    height:360px;
    border-right:1px solid #f7f7f7;
    border-bottom:1px solid #f7f7f7;
    background:white;
    margin-left:1px;
    float:left;
}
.king .enter li:hover{
  transform:scale(1.02);
  box-shadow:5px 5px #b7b7b7;
}
.king .enter li img{
    width:336px;
    height:220px;
    margin:0 auto;
}
.king .enter li .de{
    display:inline-block;
    margin-left:10px;
    margin-top:10px;
}
.king .enter li .fe{
    display:inline-block;
    margin-left:10px;
    margin-top:10px;
}
.king .enter li .ge{
    display:block;
    margin-left:10px;
    margin-top:5px;
    font-size:22px;
    color:#ff0066;
}
.king .enter li .je{
    display:block;
    margin-left:276px;
}
//footer
.footer{
    width:100%;
    height:640px;
    background:white;
    margin:0 auto;
}
.gold{
    width:100%;
    height:50px;
    background:#f1f1f1;
    float:left;
}

.hold{
    width:100%;
    height:130px;
    background:white;
    float:left;
}
.weight{
    width:1104px;
    height:130px;
    background:#f9f9f9;
    margin:0 auto;
}
.weight ul li{
    width:220px;
    height:130px;
    background:url(../img/100.jpg) center right no-repeat ;
    float:left;
}
.weight ul li:nth-child(5){
    background:none;
}
.weight ul li a{
    width: 60px;
    height: 60px;
    display: block;
    background: url(../img/83.png) no-repeat;
    margin-left:30px;
    margin-top:30px;
    float: left;
}
.weight ul li .q1{
    background-position:0 0;
}
.weight ul li .q2{
    background-position:-60px 0;
}
.weight ul li .q3{
    background-position:-180px 0;
}
.weight ul li .q4{
    background-position:-360px 0;
}
.weight ul li .q5{
    background-position:-420px 0;
}
.weight ul li .q1:hover{
    background-position:0 -60px;
}
.weight ul li .q2:hover{
    background-position:-60px -60px;
}
.weight ul li .q3:hover{
    background-position:-180px -60px;
}
.weight ul li .q4:hover{
    background-position:-360px -60px;
}
.weight ul li .q5:hover{
    background-position:-420px -60px;
}
.weight .ell{
    margin-left:10px;
    margin-top:38px;
}
.weight .ell p{
    font-size:12px;
    color:#c1c1c1;
}
.weight .ell span{
    font-size:12px;
}
.fold{
    width:100%;
    height:239px;
    border-bottom:1px solid #bca8aa;
    background:white;
    float:left;
}
.hool{
    width:1104px;
    height:240px;
    background:white;
    margin:0 auto;
}
.ooo{
    width:590px;
    height:240px;
    background:white;
    float:left;
}
.ooo ul{
    float:left;
    margin-left:62px;
    margin-top:75px;    
}
.ooo ul li{
    margin-top:5px;
    cursor:pointer;
}
.ooo ul li:hover{
    color:pink;
}
.www{
    width:218px;
    height:240px;
    background:white;
    float:left;
}
.www span{
    display:block;
    margin-left:53px;
    margin-top:79px;
}
.www a{
    width:120px;
    height:120px;
    margin-top:10px;
}
.vvv{
    width:296px;
    height:240px;
    background:white;
    float:left;
}
.sign{
    width:280px;
    height:200px;
    margin-left:20px;
    margin-top:75px;
}
.sign span{
    display:inline-block;
    margin-bottom:5px;
}
.sign h1{
    font-size:20px;
}
.jold{
    width:100%;
    height:220px;
    background:white;
    float:left;
}
.jee{
  margin-left:396px;
  margin-top:20px;  
}
.geed{
    margin-left:191px;
    margin-top:20px;
}
.seev{
    margin-left:427px;
    margin-top:20px;
}
.seev img{
    width:100px;
    height:50px;
}
.fff{
    margin-left:462px;
    margin-top:20px;
}
.fff a{
    font-size:14px;
}
.fff img{
    width:20px;
    height:20px;
}
.left_a{
    width:40px;
    height:230px;
    background:url(../img/81.jpg) no-repeat;
    position:fixed;
    left:98px;
    top:135px;
    display:none;
}
.left_b{
    width:60px;
    height:240px;
    background:yellow;
    position:fixed;
    right:0px;
    top:135px;
    display:none;
}
.left_b img{
    width:58px;
    height:78px;
    margin-left:-49px;
}
